<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<title>首页</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<script src="js/rem.js"></script>
		<script src="js/jquery.min.js" type="text/javascript"></script>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/page.css" />
		<link rel="stylesheet" type="text/css" href="css/all.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/loaders.min.css" />
		<link rel="stylesheet" type="text/css" href="css/loading.css" />
		<link rel="stylesheet" type="text/css" href="slick/slick.css" />
		<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.js"></script>-->
		<script src="js/handlebar/handlebars-v4.0.11.js"></script>
		<!--<script type="text/javascript">
			$(window).load(function() {
				$(".loading").addClass("loader-chanage")
				$(".loading").fadeOut(300)
			})
		</script>-->
	</head>
	<!-- ***********************   loading页开始   ***********************    -->
	<!--<div class="loading">
		<div class="loader">
			<div class="loader-inner pacman">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
		</div>
	</div>-->
	<!--  ************loading页结束************    -->

	<body>
		<header class="mui-bar mui-bar-nav" id="header">
			<!--<a class="btn" href="#">
	            <i class="iconfont icon-saomiao"></i>
	            <p>扫描</p>
	        </a>-->
			<div class="top-sch-box flex-col">
				<div class="centerflex">
					<i class="fdj iconfont icon-sousuo"></i>
					<div class="sch-txt">搜索商品</div>
				</div>
			</div>
			<a class="btn" href="assortment/assortment_list.html">
				<i class="iconfont icon-fenlei"></i>
				<p>分类</p>
				<!--<span>2</span>-->
			</a>
		</header>
		<div id="main" class="mui-clearfix">
			<!--  ***********************   搜索层    ***********************  -->
			<div class="pop-schwrap">
				<div class="ui-scrollview">
					<div class="mui-bar mui-bar-nav clone">
						<a class="btn btn-back" href="javascript:;"></a>
						<div class="top-sch-box flex-col">
							<div class="centerflex">
								<input class="sch-input mui-input-clear" type="text" name="" id="" placeholder="搜索品牌、商品" />
							</div>
						</div>
						<a class="mui-btn mui-btn-primary sch-submit" href="#">搜索</a>
					</div>
					<div class="scroll-wrap">
						<div class="mui-scroll">
							<div class="sch-cont">
								<div class="section ui-border-b">
									<div class="tit"><i class="iconfont icon-hot"></i>热门搜索</div>
									<div class="tags">
										<span class="tag">手机</span><span class="tag">自行车</span><span class="tag">相机</span><span class="tag">英语四级</span>
										<span class="tag actice">小说</span><span class="tag">等级考试</span><span class="tag">衣服</span><span class="tag">英语六级</span>
										<span class="tag">养生</span><span class="tag actice">装饰品</span><span class="tag">运动鞋</span>
									</div>
								</div>
								<div class="section">
									<div class="tit"><i class="iconfont icon-time"></i>最近搜索</div>
									<div class="tags">
										<span class="tag">等级考试</span><span class="tag">名字</span><span class="tag">真的</span><span class="tag">你猜</span>
										<span class="tag">这个是</span><span class="tag">什么</span><span class="tag">名字</span><span class="tag">这个是</span>
										<span class="tag">小黑</span><span class="tag">蜂蜜</span><span class="tag">哈哈哈</span>
									</div>
								</div>
							</div>
							<div class="sch-clear">
								<a href="javascript:void"><i class="iconfont icon-shanchu">清除搜索历史</i></a>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="mui-content">
				<div class="banner swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="javascript:void(0)"><img class="swiper-lazy" data-src="upload/banner.jpg" alt=""></a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:void(0)"><img class="swiper-lazy" data-src="upload/banner.jpg" alt=""></a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:void(0)"><img class="swiper-lazy" data-src="upload/banner.jpg" alt=""></a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:void(0)"><img class="swiper-lazy" data-src="upload/banner.jpg" alt=""></a>
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
				<div class="mui-top clearfloat">
					<div class="list fl">
						<a href="#">
							<img src="upload/icon-yaan.jpg" />
							<p class="tit">雅安校区</p>
						</a>
					</div>
					<div class="list fl">
						<a href="product/region_product_list.html">
							<img src="upload/icon-chengdu.jpg" />
							<p class="tit">成都校区</p>
						</a>
					</div>
					<div class="list fl">
						<a href="join.html">
							<img src="upload/icon-dujiangyan.jpg" />
							<p class="tit">都江堰校区</p>
						</a>
					</div>
				</div>

				<div class="news clearfloat">
					<div class="left fl clearfloat">
						<img src="img/rmen.png" />
					</div>
					<div class="right fl clearfloat box-s">
						<div class="txtScroll-left">
							<div class="bd">
								<ul class="infoList">
									<li>
										<a href="#">低碳出行对我们生活的影响有多大</a>
									</li>
									<li>
										<a href="#">我们该从哪些方面来分析二手市场</a>
									</li>
									<li>
										<a href="#">大学生如何找到自己满意的工作</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>

				<div class="health clearfloat">
					<div class="htop clearfloat">
						每日必看
					</div>
				</div>

				<div id="product_list">
					<div class="join-list clearfloat box-s" v-for="goods in list">
						<a href="pro-detail.html">

							<div class="lists clearfloat">
								<p class="tit2">{{goods.userId}}</p>
								<div class="tu fl">
									<img :src=imgPath+goods.pictureArray[0] />
								</div>
								<div class="right fr clearfloat">
									<p class="tit">{{goods.des}}</p>
									<p class="tel clearfloat">
										<span class="bt fl" style="width: 100%;">
											
	                            <img src="upload/dianhua.png" class="img" style="width: 15px;"/>
										 {{goods.phone}}</span>
									</p>
								</div>
							</div>
						</a>
					</div>
				</div>

				<div style="text-align: center; font-size: .3rem;">
					<a href="wisdom.html" class="index-more">加载更多</a>
				</div>
			</div>

			<footer class="page-footer fixed-footer" id="footer">
				<ul>
					<li class="active">
						<a href="index.html">
							<img src="img/home.png" />
							<p>首页</p>
						</a>
					</li>
					<li>
						<a href="assortment/assortment_list.html">
							<img src="img/classify.png" />
							<p>分类</p>
						</a>
					</li>
					<li>
						<a href="shopcart/shop_cart_list.html">
							<img src="img/shopping card.png" />
							<p>购物车</p>
						</a>
					</li>
					<li>
						<a href="usercenter/user_center.html">
							<img src="img/mine.png" />
							<p>个人中心</p>
						</a>
					</li>
				</ul>
			</footer>
	</body>
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script src="js/jquery.SuperSlide.2.1.js" type="text/javascript"></script>
	<!--<script src="js/fastclick.js"></script>-->
	<script src="js/mui.min.js"></script>
	<script type="text/javascript" src="js/hmt.js"></script>
	<script src="slick/slick.js" type="text/javascript"></script>
	<!--插件-->
	<link rel="stylesheet" href="css/swiper.min.css">
	<script src="js/swiper.jquery.min.js"></script>

	<script type="text/javascript" src="js/common/const.js"></script>
	<script src="js/service/request.js"></script>
	<script src="js/service/goods_service.js"></script>
	<script src="js/common/vue.min.js"></script>

	<script>
		var goods = new Vue({
			el: '#product_list',
			data: {
				list: [],
				imgPath:GOODS_IMG_PATH+"/"
			},
		});

		$(function() {
			var banner = new Swiper('.banner', {
				autoplay: 5000,
				pagination: '.swiper-pagination',
				paginationClickable: true,
				lazyLoading: true,
				loop: true
			});

			mui('.pop-schwrap .sch-input').input();
			var deceleration = mui.os.ios ? 0.003 : 0.0009;
			mui('.pop-schwrap .scroll-wrap').scroll({
				bounce: true,
				indicators: true,
				deceleration: deceleration
			});
			$('.top-sch-box .fdj,.top-sch-box .sch-txt,.pop-schwrap .btn-back').on('click', function() {
				$('html,body').toggleClass('holding');
				$('.pop-schwrap').toggleClass('on');
				if($('.pop-schwrap').hasClass('on')) {
					$('.pop-schwrap .sch-input').focus();
				}
			});

			var res = all_goods_list();
			if(res.resultCode == 0) {
				goods.list = res.data;
			}

		});
		jQuery(".txtScroll-left").slide({
			titCell: ".hd ul",
			mainCell: ".bd ul",
			autoPage: true,
			effect: "left",
			autoPlay: true,
			scroll: 1,
			vis: 1,
			trigger: "click"
		});
	</script>
	<!--新闻资讯滚动-->
	<script type="text/javascript">
		$('.autoplay').slick({
			slidesToShow: 1,
			slidesToScroll: 1,
			autoplay: true,
			autoplaySpeed: 2000,
		});
	</script>
	<!--商品图片滚动-->
	<script type="text/javascript">
		$('.filtering').slick({
			slidesToShow: 3,
			slidesToScroll: 1
		});
	</script>

</html>